import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import AutoImport from 'unplugin-auto-import/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { resolve } from 'path'

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		AutoImport({ resolvers: [ElementPlusResolver()] }),
		Components({ resolvers: ElementPlusResolver() }),
	],
	server: {
		host: '0.0.0.0',
		cors: true,
		proxy: {
			'/opggApi': {
				target: 'https://www.op.gg/api',
				changeOrigin: true,
				rewrite: path => path.replace(/^\/opggApi/, ''),
			},
		},
	},
	resolve: {
		alias: [
			{
				find: '@',
				replacement: resolve(__dirname, 'src'),
			},
		],
	},
	css: {
		preprocessorOptions: {
			scss: {
				additionalData: `@import "@/assets/style/globalVar.scss";`,
			},
		},
		postcss: {
			plugins: [require('tailwindcss'), require('autoprefixer')],
		},
	},
})
